<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>详情</title>
    <!--图片点击放大  css文件-->
    <link rel="stylesheet" href="js/viewer/css/viewer.min.css">
    <!--弹窗 css文件-->
    <link rel="stylesheet" type="text/css" href="js/layer/layer.css">
    <!--主要css样式-->
    <link rel="stylesheet" type="text/css" href="css/models.css">
</head>
<body>
<!--添加编辑资讯弹窗-->
<form id="formID">
    <ul class="addList">
        <li>
            <h2 class="addTitle">基本信息</h2>
        </li>
        <li>
            <label for="">申请时间：</label>
            <span class="detailTxt">重庆易耀通工会</span>
        </li>
        <li>
            <label for="">企业名称：</label>
            <span class="detailTxt">重庆易耀通工会</span>
        </li>
        <li>
            <label for="">门店名称：</label>
            <span class="detailTxt">重庆易耀通工会</span>
        </li>
        <li>
            <label for="">商户账号：</label>
            <span class="detailTxt">重庆易耀通工会</span>
        </li>
        <li>
            <label for="">联系电话：</label>
            <span class="detailTxt">重庆易耀通工会</span>
        </li>
        <li>
            <label for="">审批状态：</label>
            <span class="detailTxt">重庆易耀通工会</span>
        </li>
        <li>
            <label for="">申请详情：</label>
            <span class="detailTxt">重庆易耀通工会</span>
        </li>
        <li>
            <label for="">不通过详情：</label>
            <span class="detailTxt">重庆易耀通工会</span>
        </li>
        <li>
            <label for="" class="addImgTit">审批资料：</label>
            <div class="filePhoto merchantPhoto">
                <section class="up-section">
                    <img class="up-img zoom-img" src="images/bg.jpg"/>
                </section>
                <section class="up-section">
                    <img class="up-img zoom-img" src="images/bg.jpg"/>
                </section>
                <section class="up-section">
                    <img class="up-img zoom-img" src="images/bg.jpg"/>
                </section>
            </div>
        </li>
        <li>
            <label for="">审批额度：</label>
            <span class="detailTxt" style="width: 20%;">重庆易耀通工会</span>
            <span style="display: inline-block; line-height: 40px;">/月</span>
        </li>
        <li>
            <label for="">审批说明：</label>
            <span class="detailTxt">重庆易耀通工会</span>
        </li>
    </ul>
</form>
<!--end 添加编辑资讯弹窗-->
<!--订金比例列表弹窗-->
<div class="PopupBox" id="ph_lookBox">
    <!--内容-->
    <div class="ph_subPoCon ph_wareBox" style="padding: 10px; margin-top: 0;">
        <table class="ph_wareList">
            <thead>
            <tr role="row">
                <th>批发商企业名称</th>
                <th>批发商账号</th>
                <th>订金比例</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>批发商1</td>
                <td>1</td>
                <td>20%</td>
            </tr>
            <tr>
                <td>批发商1</td>
                <td>1</td>
                <td>20%</td>
            </tr>
            <tr>
                <td>批发商1</td>
                <td>1</td>
                <td>20%</td>
            </tr><tr>
                <td>批发商1</td>
                <td>1</td>
                <td>20%</td>
            </tr>
            <tr>
                <td>批发商1</td>
                <td>1</td>
                <td>20%</td>
            </tr>
            <tr>
                <td>批发商1</td>
                <td>1</td>
                <td>20%</td>
            </tr><tr>
                <td>批发商1</td>
                <td>1</td>
                <td>20%</td>
            </tr>
            </tbody>
        </table>
    </div>
    <!--end 内容-->
</div>
<!--end 订金比例列表弹窗-->
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<!--图片点击放大-->
<script src="js/viewer/viewer-jquery.min.js"></script>
<!--弹窗-->
<script type="text/javascript" src="js/layer/layer.js"></script>
<script type="text/javascript">
    $(function () {
        var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
        //关闭iframe
        $('.cancel').click(function () {
            parent.layer.close(index);
        });

        //图片点击放大
        $('.zoom-img').viewer({
            url: 'src',
            navbar: false,
            keyboard: true,
            title: true
        });
        //查看订金比例列表
        $('.addList').on('click','.js_lookBtn',function(){
            layer.open({
                type: 1,
                title: '查看比例',
                //closeBtn : 1,
                area: ['800px','300px'],
                //maxmin: true,
                //btn:['保存','取消'],
                btnAlign: 'c',
                content: $('#ph_lookBox')
            });
        });
    });
</script>
</body>
</html>